<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Title</title>
    <link rel="stylesheet" href="css/bootstrap.css">
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/bootstrap.js"></script>
    <style>
        body{
            background-color: #fff;
        }
        @media screen  and  (min-width: 900px) and (max-width: 1600px) {
            .uu{
                display: none;
            }
        }
        @media screen  and  (min-width: 900px) {
            .uu{
                display: none;
            }
        }
        #header{
            padding: 2px;
            background-color: black;

        }

        #img4>img{
            width: 100%;
            height: 550px;
            z-index: -1;
        }
        #content{
            width: 100%;
        }
        footer{
            margin-top: 35px;
            width: 100%;
            height: 140px;
            background-color: black;
        }
        #header #img1{
            position: relative;
            left:200px;
            top: 15px;
        }
        .dropdown{
            float: left;

        }
        #uls ul li{
            float: left;
            padding: 10px;
            list-style-type: none;
            color: white;
            text-decoration:none;
        }
        #uls ul{
            margin-left: 350px;
            margin-top: -39px;
        }
        #inputs ul li{

            float: left;
            padding: 5px;
        }
        #inputs ul li:nth-child(2){
            margin-top: 5px;
            margin-left: 40px;
        }
        #inputs ul li:nth-child(3){
            margin-top: 5px;
            margin-left: 40px;
        }
        #inputs ul{
            justify-content: left;
            display: flex;
            margin-left: 900px;
        }
        #backgroundImg{
            border: 1px solid black;
            /*float: left;*/
            /*border: 1px solid black;*/
            /*margin-top: -30px;*/
            /*width: 100px;*/
            /*height: 100px;*/
            /*background-image: url("image/3.jpg");*/
            /*background-size: contain;*/
            /*background-repeat: no-repeat;*/
            /*background-position-y:-20px ;*/
            margin-top: -480px;
            margin-left: 90px;
        }
        /*#cu{*/
            /*width: 300px;*/
            /*height: 300px;*/
            /*border: 1px solid black;*/
            /*margin-top: -410px;*/
            /*margin-left:1100px;*/
            /*background-color:white;*/
        /*}*/
        iframe{
            margin-top: -510px;
            margin-left:1100px;
        }
        .container .row:nth-child(1){
            margin-top: 75px;
            /*margin-left: -100px;*/
        }
        .container .row>div{
            padding: 2px;
            margin: 5px;

        }

        #content>.container .row>div:last-child{
            width: 300px;
            height: 300px;
            margin-left: 40px;
        }
        #home ul li{
            list-style-type: none;
            line-height: 60px;
        }
        #home ul{
            margin-left: -30px;
            margin-top: 18px;
        }
        #home ul li:first-child>img{
            width: 95%;
        }
        .thumbnail{
            overflow: hidden;
        }
        .row:nth-child(1) .thumbnail:hover{
            box-shadow: 20px 20px 10px #888888;
            transform: translate(5px,5px);
        }
        .row:nth-child(1) .thumbnail img:hover{
            transform: scale(1.1);
        }
        .row:nth-child(1) .thumbnail img{
            cursor: pointer;
            transition: all 0.5s ease 0s;
        }
        .row:nth-child(2){
            margin-left: -60px;

        }
        .row:nth-child(2)>div{
        }
        #row1{
            margin-top: -100px;
            width: 50%;
            height: 900px;
        }
        #row1 .thumbnail{
            margin-left:-43px;
            margin-top: -60px;
        }
        #homes .container .row>div{
            padding: 30px;
        }
        #homes .container .row>div{
            width: 18%;
        }
        #homes .container .row>div:last-child{
            width: 18%;
            margin-left: 5px;
        }
        #lio li{
            list-style-type: none;
            display: inline-block;
        }
        #lii>li{
            list-style-type: none;
            border-bottom: 0.5px solid silver;
            line-height: 0px;
            margin-top: 10px;
        }
        #lii>li>p{
            position: relative;
            left: 100px;
            top: -100px;
            line-height: 10px;
        }
        #row2{
            height: 500px;
        }
        #ul3 li{
            list-style-type: none;
            margin-top: 15px;
        }
        .bo{
            width: 260px;
            border: 0.3px solid slategray;
        }
        ul li{
            list-style-type: none;
        }
        .so{
            width: 227px;
            border: 0.5px dashed slategray;
        }
        #i li{
            margin-top: 15px;
        }
    </style>
</head>
<body>


    <header>
        <div id="header">
            <!--<img src="image/footer_logo.png" id="img1" alt="">-->
            <!--<div id="uls">-->
                <!--<ul >-->
                    <!--<li>全国</li>-->
                    <!--<li>-->
                        <!--<div class="dropdown">-->
                            <!--<a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="text-decoration: none;color: white">-->
                                <!--演出-->
                                <!--<span class="caret"></span>-->
                            <!--</a>-->
                            <!--<ul class="dropdown-menu" aria-labelledby="dLabel">-->
                                <!--...-->
                            <!--</ul>-->
                        <!--</div>-->
                    <!--</li>-->
                    <!--<li>电影</li>-->
                    <!--<li>我的微票</li>-->
                    <!--<li></li>-->
                <!--</ul>-->
            <!--</div>-->
            <!--<div id="inputs">-->
                <!--<ul style="list-style-type: none;color: white">-->
                    <!--<li>-->
                        <!--<div class="input-group" style="width: 300px">-->
                            <!--<input type="text" class="form-control" placeholder="Search for...">-->
                            <!--<span class="input-group-btn">-->
                               <!--<button class="btn btn-default" type="button" style="background-color:silver">搜索</button>-->
                            <!--</span>-->
                        <!--</div>-->
                    <!--</li>-->
                    <!--<li>登陆</li>-->
                    <!--<li>注册</li>-->
                <!--</ul>-->
            <!--</div>-->
            <nav class="navbar navbar-default" style="background-color: black;border: 0">
                <div class="container-fluid">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" id="threeBtn" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand" href="#"><img src="image/logoMsg.png" alt="" ></a>
                    </div>
                    <div id="bs-example-navbar-collapse-2" class="uu" >
                        <ul class="nav navbar-nav" style="text-align: center;">
                            <li ><a href="#">全国<span class="sr-only"></span></a></li>
                            <li >
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">演出<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">One more separated link</a></li>
                                </ul>
                            </li>
                            <li><a href="#">电影</a></li>
                            <li><a href="#">我的微票儿</a></li>
                            <li><a href="#">登陆</a></li>
                            <li><a href="#">注册</a></li>
                        </ul>
                    </div>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav" style="margin-left: 100px;margin-top: 30px">
                            <li ><a href="#" style="color: white">全国<span class="sr-only"></span></a></li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="color: white">演出<span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="#">Action</a></li>
                                    <li><a href="#">Another action</a></li>
                                    <li><a href="#">Something else here</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                    <li role="separator" class="divider"></li>
                                    <li><a href="#">One more separated link</a></li>
                                </ul>
                            </li>
                            <li><a href="#" style="color: white">电影</a></li>
                            <li><a href="#" style="color: white">我的微票儿</a></li>
                            <li><a href="#" style="margin-top: 4px;color: white;padding: 6px;background-color: red;border-radius: 3px;width: 50px" >new</a></li>
                        </ul>
                        <form class="navbar-form navbar-left" style="margin-left: 300px;margin-top: 30px">
                            <div class="input-group" style="width: 250px">
                                <input type="text" class="form-control" placeholder="请输入要搜索的内容">
                                <span class="input-group-btn">
                                <button class="btn btn-default" type="button" style="background-color:silver">搜索</button>
                                </span>
                            </div>
                        </form>
                        <ul class="nav navbar-nav navbar-right" style="margin-right: 100px;margin-top: 20px;flex-direction: column-reverse">
                            <li><a href="#" style="color: white">登陆</a></li>
                            <li><a href="#" style="color: white">注册</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </div><!-- /.container-fluid -->
            </nav>
        </div>
        <div id="img4">
            <img src="image/bannerbg.png" alt="">
            <div id="backgroundImg">
                <div id="myCarousel" class="carousel slide" style="display: flex;width: 61%;" >
                    <!-- 轮播（Carousel）指标 -->
                    <ol class="carousel-indicators" style="display: flex;">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                        <li data-target="#myCarousel" data-slide-to="3"></li>
                    </ol>
                    <!-- 轮播（Carousel）项目 -->
                    <div class="carousel-inner" style="display: flex;">
                        <div class="item active">
                            <img src="image/1.jpg" alt="First slide" >
                        </div>
                        <div class="item">
                            <img src="image/2.jpg" alt="Second slide". >
                        </div>
                        <div class="item">
                            <img src="image/3.jpg" alt="Third slide" >
                        </div>
                        <div class="item">
                            <img src="image/4.jpg" alt="Second slide" >
                        </div>
                    </div>
                </div>
        </div>
            <iframe src="v_01.html" scrolling="no" frameborder="0" width="400px" height="420px"></iframe>
        </div>
    </header>
    <div id="content">
        <div class="container">
        <div class="row">
            <div class="col-sm-2" >
                <div class="thumbnail">
                    <img src="image/5.jpg" alt="...">
                    <div class="caption">
                        <h3>《狮子王》</h3>
                        <p>[上海]百老汇经典音乐会</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" >
                <div class="thumbnail">
                    <img src="image/6.jpg" alt="...">
                    <div class="caption">
                        <h3>《狮子王》</h3>
                        <p>[上海]百老汇经典音乐会</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" >
                <div class="thumbnail">
                    <img src="image/7.jpg" alt="...">
                    <div class="caption">
                        <h3>《狮子王》</h3>
                        <p>[上海]百老汇经典音乐会</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" >
                <div class="thumbnail">
                    <img src="image/8.jpg" alt="...">
                    <div class="caption">
                        <h3>《狮子王》</h3>
                        <p>[上海]百老汇经典音乐会</p>
                    </div>
                </div>
            </div>
            <div class="col-sm-2" >
                <div class="thumbnail">
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active">
                            <a href="#home" data-toggle="tab">
                                首页
                            </a>
                        </li>
                        <li><a href="#ios" data-toggle="tab">技能课</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content" style="height: 250px">
                        <div class="tab-pane fade in active" id="home">
                            <ul>
                                <li><img src="image/img2.jpg" alt=""></li>
                                <li>[哈尔冰]梁静茹.你的名字是爱情演唱会</li>
                                <li style="border: 0.5px dashed slategray;width: 250px;"></li>
                                <li>[王克全]2018全球汇演</li>
                            </ul>
                        </div>
                        <div class="tab-pane fade" id="ios">
                            <p>iOS 是一个由苹果公司开发和发布的手机操作系统。最初是于 2007 年首次发布 iPhone、iPod Touch 和 Apple
                                TV。iOS 派生自 OS X，它们共享 Darwin 基础。OS X 操作系统是用在苹果电脑上，iOS 是苹果的移动版本。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
            <div class="row">
                <div class="page-header" >
                    <img src="image/ad1.jpg"  alt="">
                </div>
            </div>
            <div class="row" id="row1" style="width: 100%">
                <div class="col-md-8" style="margin-left:40px;width: 78%">
                    <div class="thumbnail" style="width:100%;">
                        <ul id="myTabs" class="nav nav-tabs">
                            <li class="active">
                                <a href="#homes" data-toggle="tab">
                                    演唱会
                                </a>
                            </li>
                            <li><a href="#ioss" data-toggle="tab">体育赛事</a></li>
                            <li><a href="#ioss" data-toggle="tab">舞台剧</a></li>
                            <li><a href="#ioss" data-toggle="tab">儿童亲子</a></li>
                            <li><a href="#ioss" data-toggle="tab">音乐会</a></li>
                            <li><a href="#ioss" data-toggle="tab">展览活动</a></li>
                        </ul>
                        <div id="myTabContents" class="tab-content" >
                            <div class="tab-pane fade in active" id="homes">
                                <div class="container">
                                  <div class="row" style="margin-left: 10px">
                                    <div class="col-md-2" >
                                        <div class="thumbnail">
                                            <img src="image/9.jpg" alt="...">
                                            <div class="caption">
                                                <p>[上海]百老汇经典音乐会</p>
                                                <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2" >
                                        <div class="thumbnail">
                                            <img src="image/10.jpg" alt="...">
                                            <div class="caption">
                                                <p>[上海]百老汇经典音乐会</p>
                                                <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2" >
                                        <div class="thumbnail">
                                            <img src="image/11.jpg" alt="...">
                                            <div class="caption">
                                                <p>[上海]百老汇经典音乐会</p>
                                                <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-2" >
                                        <div class="thumbnail">
                                            <img src="image/12.jpg" alt="...">
                                            <div class="caption">
                                                <p>[上海]百老汇经典音乐会</p>
                                                <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                            </div>
                                        </div>
                                    </div>
                                  </div>
                                    <div class="row" style="margin-left: 10px">
                                        <div class="col-md-2" >
                                            <div class="thumbnail">
                                                <img src="image/13.jpg" alt="...">
                                                <div class="caption">
                                                    <p>[上海]百老汇经典音乐会</p>
                                                    <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2" >
                                            <div class="thumbnail">
                                                <img src="image/14.jpg" alt="...">
                                                <div class="caption">
                                                    <p>[上海]百老汇经典音乐会</p>
                                                    <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2" >
                                            <div class="thumbnail">
                                                <img src="image/15.jpg" alt="...">
                                                <div class="caption">
                                                    <p>[上海]百老汇经典音乐会</p>
                                                    <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-2" >
                                            <div class="thumbnail">
                                                <img src="image/16.jpg" alt="...">
                                                <div class="caption">
                                                    <p>[上海]百老汇经典音乐会</p>
                                                    <h3 style="color: #2aabd2;display: inline-block;">180</h3><span>元起</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div >
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3" style="width: 11%;">
                    <div style="margin-left: -70px;margin-top: -50px">
                        <p><img src="image/img3.jpg" alt="" width="260px"></p>
                        <p>今年共<span style="color: #2aabd2">9</span>场演出</p>
                        <ul style="margin-left: -40px;width: 300px;" id="ul3">
                            <li>
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>[天津]天津中华曲宛相声现场</p>
                                    <p>2016年1月1日-12月1日天津中华曲宛</p>
                                    <p><span style="color: #2aabd2">50</span>元起</p>
                                </div>
                            </li>
                            <li class="bo"></li>
                            <li>
                                <p style="float: left;padding-right: 20px"><img src="image/img5.jpg" alt=""></p>
                                <div>
                                    <p>[天津]天津中华曲宛相声现场</p>
                                    <p>2016年1月1日-12月1日天津中华曲宛</p>
                                    <p><span style="color: #2aabd2">50</span>元起</p>
                                </div>
                            </li>
                            <li class="bo" ></li>
                            <li>
                                <p style="float: left;padding-right: 20px"><img src="image/img6.gif" alt=""></p>
                                <div>
                                    <p>[天津]天津中华曲宛相声现场</p>
                                    <p>2016年1月1日-12月1日天津中华曲宛</p>
                                    <p><span style="color: #2aabd2">50</span>元起</p>
                                </div>
                            </li>
                            <li class="bo" style="border: 0.4px solid slategray"></li>
                            <li>
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>[天津]天津中华曲宛相声现场</p>
                                    <p>2016年1月1日-12月1日天津中华曲宛</p>
                                    <p><span style="color: #2aabd2">50</span>元起</p>
                                </div>
                            </li>
                            <li class="bo"></li>
                            <li style="margin-top: 40px"><a href=""><p style="color: #2aabd2">查看今日全部演出</p></a></li>
                        </ul>
                </div>
            </div>
        </div>
            <div class="row" id="row2" style="width: 100%;margin-top: -90px;" >
                <div class="col-md-8" style="margin-left:20px;width: 80%">
                    <div ><h2 style="margin-left: -20px">场馆推荐</h2><p style="color: #2aabd2;margin-left: 800px;margin-top: -40px">全部场馆</p></div>
                    <div class="row" style="">
                        <div class="col-xs-6 col-md-3" style="width: 40%;margin-left: 30px">
                            <div class="thumbnail" >
                                <img src="image/img7.jpg" alt="..." >
                                <h3 style="margin-left: 10px">近期演出</h3>
                                <p style="margin-left: 10px">[北京]桓元祥戏剧院出品大型原创音乐剧《犹太人在上海》</p>
                                <p style="margin-left: 10px">[北京]桓元祥戏剧院出品大型原创音乐剧《犹太人在上海》</p>
                                <p style="margin-left: 10px">[北京]桓元祥戏剧院出品大型原创音乐剧《犹太人在上海》</p>
                            </div>
                        </div>
                        <div class="col-xs-6 col-md-3" style="width: 40%;margin-left: 110px">
                            <div class="thumbnail" >
                                <img src="image/img8.jpg" alt="..." >
                                <h3 style="margin-left: 10px">近期演出</h3>
                                <p style="margin-left: 10px">[北京]桓元祥戏剧院出品大型原创音乐剧《犹太人在上海》</p>
                                <p style="margin-left: 10px">[北京]桓元祥戏剧院出品大型原创音乐剧《犹太人在上海》</p>
                                <p style="margin-left: 10px">[北京]桓元祥戏剧院出品大型原创音乐剧《犹太人在上海》</p>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="col-md-4" style="width: 10%">
                    <div class="thumbnail" style="width: 300px;margin-left: -80px;margin-top: 60px;">
                        <h3 style="margin-left: 20px">热销榜单</h3>
                    <ul id="i" style="width: 270px;height: 300px;margin-left: -20px">
                        <li class="so" style="border: 0.5px solid slategray;"></li>
                        <li>
                            <a href="javascript:void(0);">[天津]天津中华曲宛相声现场</a>
                            <div style="display: none">
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>s4</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                </div>
                            </div>
                        </li>
                        <li class="so"></li>
                        <li>
                            <a href="javascript:void(0);" >[天津]天津中华曲宛相声现场</a>
                            <div style="display: none">
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>s3</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                </div>
                            </div>
                        </li>
                        <li class="so"></li>
                        <li>
                            <a href="javascript:void(0);" >[天津]天津中华曲宛相声现场</a>
                            <div style="display: none">
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>s2</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                </div>
                            </div>
                        </li>
                        <li class="so"></li>
                        <li>
                            <a href="javascript:void(0);">[天津]天津中华曲宛相声现场</a>
                            <div style="display: none">
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>s1</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                </div>
                            </div>
                        </li>
                        <li class="so"></li>
                        <li>
                            <a href="javascript:void(0);">[天津]天津中华曲宛相声现场</a>
                            <div style="display: none">
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>s1</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                </div>
                            </div>
                        </li>
                        <li class="so"></li>
                        <li>
                            <a href="javascript:void(0);">[天津]天津中华曲宛相声现场</a>
                            <div style="display: none">
                                <p style="float: left;padding-right: 20px"><img src="image/img4.jpg" alt=""></p>
                                <div>
                                    <p>s1</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                    <p>sfasafsfadasdasd</p>
                                </div>
                            </div>
                        </li>
                        <li class="so"></li>
                    </ul>
                    </div>
                </div>
            </div>
    </div>
    <footer>
        <div class="container">
            <div class="row" style="margin-top:20px;margin-left: -50px">
                <div class="col-xs-6 col-md-2"><img src="image/footer_logo.png" alt=""></div>
                <div class="col-xs-6 col-md-3" style="margin-left: -60px;margin-top: -10px">
                    <h2 style="color:silver">微信电影票官网</h2>
                    <h5 style="color:silver">在线站好位，覆盖影院全国第一</h5>
                </div>
                <div class="col-xs-6 col-md-2"><img src="image/phoneIcon.png" alt=""></div>
                <div class="col-xs-6 col-md-5" style="margin-top: 80px;margin-left: -300px"><h6>@2015北京微影时代科技有限公司版权所有&nbsp;&nbsp;京ICP备14034406号-2</h6></div>
                <div class="col-xs-6 col-md-3" style="margin-left: -200px;margin-top: -10px">
                    <h2 style="color:silver">微信电影票官网</h2>
                    <h5 style="color:silver">在线站好位，覆盖影院全国第一</h5>
                </div>
                <div class="col-xs-6 col-md-2"><img src="image/f_wx.png" alt="" style="margin-top: -0px;margin-left: -50px;"></div>
                <div class="col-xs-6 col-md-1" style="margin-top: -54px;margin-left: 20px;"><img src="image/f_wpr.png" alt=""></div>
                <div class="col-xs-6 col-md-3" style="margin-left:1060px;margin-top: -130px">
                    <h2 style="color:silver">微信电影票官网</h2>
                    <h5 style="color:silver">在线站好位，覆盖影院全国第一</h5>
                </div>
            </div>
        </div>
    </footer>
    <script>
        $(function(){
            var b=true;
            $(".uu").hide();
            $("#myCarousel").carousel('cycle');
                $("#threeBtn").click(function(){
                if(b==true){
                    $(".uu").show();
                    b=false;
                }else{
                    $(".uu").hide();
                    b=true;
                }
            });
            $(".uu ul li").mouseover(function(){
                $(this).css("background-color","white");
            }).mouseleave(function () {
                $(this).css("background-color","black");

            });
            // var bs=true;
            // $("#i li a").click(function(){
            //     var yy=$(this).next();
            //     if(bs==true){
            //         yy.slideDown();
            //         $(this).hide();
            //         var index=$(this).parent().index();
            //         $("ul>li:not(:eq("+index+"))>div").slideUp();
            //         $("ul>li:not(:eq("+index+"))").find("a").show();
            //         bs=false;
            //     }else{
            //         yy.slideUp();
            //         bs=true;
            //     }
            // })
        })
    </script>
</body>
</html>